<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style type="text/css">
	html{background-color: #eee;}
	h1{text-align: center;}
	a{text-decoration: none;color:#999;margin-left:50px;font-size:20px;font-weight:bold;padding:5px;display:inline-block;border-radius: 10px;}
	.a2{margin-left:20px;}
	a:hover{color:#333;border-bottom: 1px solid #999;;background-color: #fff;}
</style>
<body>
 <h1 id="about" >这是分页三的页面</h1>
 <a class='a1' href='index.html'>主页</a>
 <a class='a2' href='about.html'>关于</a>
 <a class='a2' href='fenye1.html'>分页一</a>
 <a class='a2' href='fenye2.html'>分页二</a>
 <a class='a2' href='fenye4.html'>分页四</a>
</body>
</html>
